<template>
  <!-- 面包屑 -->
  <Breadcrumb />
  <!-- 表格 -->
  <el-table :data="tableData" style="width: 600px">
    <el-table-column prop="id" label="序号" width="200" />
    <el-table-column prop="name" label="角色名称" width="200" />
    <el-table-column prop="level" label="权限等级" />
  </el-table>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs, onMounted } from "vue";
import Breadcrumb from "../../components/bread/Breadcrumb.vue";
const tableData = [
  {
    date: "2016-05-03",
    id: 1,
    name: "超级管理员",
    address: "No. 189, Grove St, Los Angeles",
    level: 3,
  },
  {
    date: "2016-05-02",
    id: 2,
    name: "商户",
    address: "No. 189, Grove St, Los Angeles",
    level: 2,
  },
  {
    date: "2016-05-04",
    id: 3,
    name: "游客",
    address: "No. 189, Grove St, Los Angeles",
    level: 1,
  },
];
</script>
<style scoped lang="less">
</style>